@width:100%;
@height:100%;
@baseColor:#ECECEC;
@mainColor:linear-gradient(90deg, #cba66a, #e0c794);
*{
  margin:0;
  padding:0;
}
html{
  width: @width;
  height: @height;
  font-size: 125%;
}
body{
  width: @width;
  height: @height;
  font-size:0.6rem;
  //display: none;
 }
p,span,a{
  font-size:0.6rem;
  text-decoration: none;
  color:#fff;
}
li{
  list-style: none;
}
//定义页面外部容器属性
.basehtml{
  position:relative;
  background-color: @baseColor;
  width: @width;
  height: @height;
  overflow: auto;
}
.header{
  background: @mainColor;
}
.item{
  border-radius: 0.25rem;
  background-color: #fff;
  box-shadow: 0 0 0.05rem #a5a5a5;
  margin-bottom:0.5rem;
  padding:0.5rem 0;
}
.flexs-pace-between{
  display: flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
}
.flexs-pace-between-col{
  display: flex;
  flex-direction:column;
  justify-content:space-between;
  //align-items:center;
}
.flexs-pace-between-col-center{
  display: flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
}
.flexs-center{
   display: flex;
   flex-direction:row;
   justify-content:center;
   align-items:center;
 }
.flexs-center1{
  display: flex;
  flex-direction:row;
  align-items:center;
}
.clear{
  clear: both;
}
.hidden{
  display: none;
}
.showin{
  display:block;
}
.disable{
  pointer-events: none;
  background: #BEBEBE;
}